<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="">
	<meta name="format-detection" content="telephone=no">
	<title>家点幸福</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
	<div class="view-container mgn55">
		<div class="view-inner">
			<div class="view-top">
				<img src="images/view_top.jpg">
			</div>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img class="swiper-goods-list-img swiper-lazy swiper-lazy-loaded" data-index="2" src="images/view_top.jpg">
					</div>
					<div class="swiper-slide">
						<img class="swiper-goods-list-img swiper-lazy swiper-lazy-loaded" data-index="2" src="images/index_top.jpg">
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<script>
                var mySwiper = new Swiper ('.swiper-container', {
                    autoplay:{
                        stopOnLastSlide:true,
                        delay:3000,
                    },
                    loop: true,

                    // 如果需要分页器
                    pagination: {
                        el: '.swiper-pagination',
                    }
                })
			</script>
			<div class="view-state">
				<img src="images/view_state.jpg">
			</div>
			<ul class="images-list">
				<li>
					<a href="##">
						<img src="images/images_list1.jpg">
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/images_list2.jpg">
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/images_list1.jpg">
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/images_list2.jpg">
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/images_list1.jpg">
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/images_list2.jpg">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="footer-nav">
		<ul class="nav-items">
			<li class="active">
				<a href="##">
					<div class="footer-icon1"></div>
					<span>首页</span>
				</a>
			</li>
			<li>
				<a href="##">
					<div class="footer-icon2"></div>
					<span>全部商品</span>
				</a>
			</li>
			<li>
				<a href="##">
					<div class="footer-icon3"></div>
					<span>会员中心</span>
				</a>
			</li>
		</ul>
	</div>
</body>
</html>